<template>
	<view class="content">
		<nav-bars title="支付成功" isBack backColor="#fff" color="#fff" background="#333333"></nav-bars>
		<view class="head">
			<view class="tag">
				<image src="@/static/images/success.png"></image>
			</view>
			<view class="row-text">
				<text>建设银行储存卡</text>
			</view>
			<view class="row-text money">
				+<text>3690</text>
			</view>
			<view class="row-text">
				<text style="color: #242424; font-size: 30rpx;">收款成功</text>
			</view>
			<!-- <view class="money">+ 3690</view> -->
			</view>
			<view class="details">
				<view class="list">
					支付方式 <text>建设银行0359</text>
				</view>
				<view class="list">
					创建时间 <text>2021-09-23</text>
				</view>
				<view class="list">
					订单编号 <text>XJ123456789</text>
				</view>
			</view>
		<view class="footer">
				
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
               tag_bg:'../../../static/images/withdrawal_bg.png',
			   money:2690.26,
			}
		},
		onLoad(options) {

		},
		methods: {
            goSkip(url){
				this.$common.navigateTo(url);
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		.head {
			width: 98%;
			margin:80rpx auto;
			.tag {
				width:120rpx;
				height:120rpx;
				margin: auto;
				background: #FF6042;
				border: 4px solid #FFFFFF;
				border-radius: 50%;
				margin-bottom:40rpx;
				image{
					width: 64rpx;
					height: 64rpx;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					vertical-align: middle;
				}
			}
			.row-text{
				margin-top: 22rpx;
				text-align: center;
				color: #979797;
			}
			.money{
				font-weight: bold;
				color: #242424;
				font-size: 52rpx;
			}
			
		}
		.details{
			width: 90%;
			margin: auto;
			.list{
				display: flex;
				align-items: center;
				color: #BFBFBF;
				font-size: 26rpx;
				height:90rpx;
				line-height: 90rpx;
				text{
					color: #242424;
					text-indent:58rpx;
				}
			}
		}
		.footer{
			padding:30rpx;
			margin-top: 98rpx;
			.fundSource{
				display: flex;
				align-items: center;
				image{
					width: 34rpx;
					height: 34rpx;
					margin-right: 6rpx;
				}
				text{
					color: #242424;
				}
			}
		}
	}
</style>
